<style>
    #folder-name::-ms-clear {
        display:none;
    }
    .modal.fade {
        transition:opacity .3s linear;
    }
</style>
<div class="modal-header">
    <h4 class="modal-title">{{'create_folder' | translate }}</h4>
</div>
<div class="modal-body">
<form>
    <div class="form-group">
        <label for="folder-name">{{'folder_name' | translate }}: </label>
        <!-- ie 10 input auto focus cause ui problem -->
        <!-- https://stackoverflow.com/questions/25764824/strange-cursor-placement-in-modal-when-using-autofocus-in-internet-explorer -->
        <input type="text" class="form-control" id="folder-name" ng-model="folderName" ng-keyup="handleEnterKey($event)" placeholder="{{'folder_name' | translate }}" autofocus>
        <!--<input type="text" ng-show="!isIEorEdge" class="form-control" id="folder-name" ng-model="folderName" ng-keyup="handleEnterKey($event)" placeholder="{{'folder_name' | translate }}" autofocus>-->
        <!--<input type="text" ng-show="isIEorEdge" class="form-control" id="folder-name" ng-model="folderName" ng-keyup="handleEnterKey($event)" placeholder="{{'folder_name' | translate }}">-->

    </div>
</form>
</div>
<div class="modal-footer">
    <button class="btn btn-right-aside" type="button" ng-click="ok()">{{'ok' | translate }}</button>
    <button class="btn btn-default" type="button" ng-click="cancel()">{{'cancel' | translate }}</button>
</div>